<template>
    <div>
        <h1>user</h1>
        <div>我是user部分,动态部分是{{ dynamicSagment }}</div>
    </div>
</template>
<script>
    export default {
        data () {
            return {
                dynamicSegment: ''
            }
        },
        watch: {
            $route (to,from){
                // to表示的是你要去的那个组件，from 表示的是你从哪个组件过来的，它们是两个对象，你可以把它打印出来，它们也有一个param 属性
                console.log(to);
                console.log(from);
                this.dynamicSegment = to.params.id
            }
        },
        computed:{
            dynamicSagment (){                
                return this.$route.params.id
            }
        }

    }
</script>

